<template>
  <div>
    <div class="kong"></div>
    <div id="dingwei">
      <div id="top1">
        <i class="iconfont back" v-if="back" @click="$router.go(-1)"
          >&#xe6bc;</i
        >
        <h2>{{ title }}</h2>
        <p>
          <span class="iconfont span1">&#xf0112;</span>
          <span class="iconfont span2">&#xe71e;</span>
          <em></em>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ["title", "back"],
};
</script>

<style scoped>
#dingwei{
  position: fixed;
  top: 0;
  z-index: 2;
}
.kong{
  height: 1.3rem;
}
/*最顶部部分*/
#top1 {
  width: 7.5rem;
  height: 0.62rem;
  background-color: #ff6040;
  height: 1.3rem;
  position: relative;
  color: #ffdfd8;
    /* z-index: 2; */
}
#top1 .iconfont {
  font-size: 0.34rem;
}
#top1 i {
  position: absolute;
  top: 0.45rem;
  left: 0.2rem;
}
#top1 h2 {
  font-size: 0.3rem;
  text-align: center;
  line-height: 1.3rem;
}
#top1 p {
  border: 1px solid #ff8a6f;
  display: flex;
  border-radius: 0.4rem;
  position: absolute;
  width: 1.5rem;
  right: 0.2rem;
  top: 0.35rem;
}
#top1 p span {
  width: 0.86rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
}
#top1 p em {
  width: 1px;
  height: 0.37rem;
  background-color: #ff896e;
  position: absolute;
  left: 0.86rem;
  top: 0.12rem;
}
</style>